<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document" style="width:80rem">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                        aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">{{vm.modalTitle}}</h4>
            </div>
            <div class="modal-body">
                <div style="height: 40rem">
                    <div id="metric_chart" style="height: 40rem;width: 70rem;"></div>
                </div>
            </div>
            <div class="modal-footer">
            </div>
        </div>
    </div>
</div>
<!--导航栏-->
<div class="row-fluid">
    <div class="navbar no-margin">
        <div class="navbar-inner">
            <ul class="breadcrumb">
                <i class="icon-chevron-left hide-sidebar"><a href='#' title="Hide Sidebar" rel='tooltip'>&nbsp;</a></i>
                <i class="icon-chevron-right show-sidebar" style="display:none;"><a href='#' title="Show Sidebar"
                        rel='tooltip'>&nbsp;</a></i>
                <li>
                    <a href="#/star">首页</a>
                </li>
                <li class="active">汇总分析</li>
            </ul>
        </div>
    </div>
</div>

<div style="padding: 0 10px 0; float:right;">

    <div style="text-align: right;font-size: 1.2rem; color: red;">更新时间：10:00，负责人：wanglizhou，表doris：ads_zp_n_kanban_flow_summary_cube</div>
    <br />
</div>

<!--查询条件-->
<!--<div class="container-fluid" style="margin: 0 10px 0 10px;">-->

<!--
140	platform,info_etpname
231	platform,info_etpname,info_buid
207	platform,info_etpname,info_buid,info_id,info_type
100	platform,info_etpname,info_buid,info_id,info_type,info_local1,info_cate3,package_type
-->

<div class="container-fluid">
    <div style="margin: 10px">
        <div class="row">
            <div class="col-sm-4 col-md-4" style="margin-top:-10px;">
                <div class="btn-group" data-toggle="buttons">
                    <label class="btn btn-default" ng-class="{'active':vm.p.topicId==='140'}"
                        ng-click="toggleInteval('140')">
                        <input type="radio" value="140" ng-model="vm.p.topicId" ng-checked="true"> 企业
                    </label>
                    <label class="btn btn-default" ng-class="{'active':vm.p.topicId==='231'}"
                        ng-click="toggleInteval('231')">
                        <input type="radio" value="231" ng-model="vm.p.topicId"> 客户
                    </label>
                    <label class="btn btn-default" ng-class="{'active':vm.p.topicId==='207'}"
                        ng-click="toggleInteval('207')">
                        <input type="radio" value="207" ng-model="vm.p.topicId"> 职位
                    </label>
                    <label class="btn btn-default" ng-class="{'active':vm.p.topicId==='100'}"
                        ng-click="toggleInteval('100')">
                        <input type="radio" value="100" ng-model="vm.p.topicId"> 流量
                    </label>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-xs-12 col-md-12">
                <div style="margin: 10px 0 0;">
                    <form class="form-inline">
                        <div class="form-group" style="margin-bottom: 1.2rem;margin-right: 3rem;">
                            <label for="dt" style="display: table-cell;">业务时间：</label>
                            <div class='input-group date' id='dt' style="float: left;">
                                <input type='text' class="form-control" ng-model="vm.p.dt" name="dt"
                                       style="width: 14rem" />
                                <span class="input-group-addon" style="width: 4rem">
                                        <span class="glyphicon glyphicon-calendar"></span>
                                    </span>
                            </div>
                            <div class='input-group date' id='dt2' style="float: left;">
                                <label for="dt2" style="display: table-cell;">-</label>
                                <input type='text' class="form-control" ng-model="vm.p.dt2" name="dt2"
                                       style="width: 14rem" />
                                <span class="input-group-addon" style="width: 4rem">
                                        <span class="glyphicon glyphicon-calendar"></span>
                                    </span>
                            </div>
                        </div>
<!--                        <div class="form-group" style="margin-bottom: 1.2rem;margin-right: 3rem;">-->
<!--                            <label for="dt" style="display: table-cell;">对比时间：</label>-->
<!--                            <div class='input-group date' id='dt3' style="float: left;">-->
<!--                                <input type='text' class="form-control" ng-model="vm.p.dt3" name="dt3"-->
<!--                                       style="width: 14rem" />-->
<!--                                <span class="input-group-addon" style="width: 4rem">-->
<!--                                        <span class="glyphicon glyphicon-calendar"></span>-->
<!--                                    </span>-->
<!--                            </div>-->
<!--                        </div>-->
                    </form>
                    <form class="form-inline">
                        <div class="form-group" style="margin-bottom: 1.2rem;margin-right: 1rem;">
                            <div for="biz" style="">业务线：</div>
                            <select class="form-control" id="biz" ng-model="vm.p.biz" style="width:24rem"
                                ng-init="vm.p.biz='all'">
                                <option value='all'>all</option>
                                <option value="58">58</option>
                                <option value='ganji'>ganji</option>
                            </select>
                        </div>
                        <div class="form-group" style="margin-bottom: 1.2rem;margin-right: 1rem;">
                            <div for="platform" style="">平台类型：</div>
                            <select class="form-control" id="platform" ng-model="vm.p.platform" style="width:24rem"
                                ng-init="vm.p.platform='3'">
                                <option value="1">pc</option>
                                <option value='2'>m</option>
                                <option value='3'>app</option>
                                <option value='4'>小程序</option>
                                <option value='5'>wap</option>
                            </select>
                        </div>

                        <div class="form-group" style="margin-bottom: 1.2rem;margin-right: 1rem;">
                            <div for="isNewcate3" style="">930客户：</div>
                            <select class="form-control" id="isNewcate3" ng-model="vm.p.isNewcate3" style="width:24rem"
                                    ng-init="vm.p.isNewcate3='all'">
                                <option value="all">全部</option>
                                <option value="0">否</option>
                                <option value='1'>是</option>
                            </select>
                        </div>
                        
                        <div ng-show="(vm.p.topicId===vm.d.buid || vm.p.topicId===vm.d.info || vm.p.topicId===vm.d.cube)" class="form-group"
                             style="margin-bottom: 1.2rem;margin-right: 1rem;">
                            <div for="bvipType" style="">客户会员类型：</div>
                            <select class="form-control" id="bvipType" ng-model="vm.p.bvipType" style="width:24rem"
                                    ng-init="vm.p.bvipType=''">
                                <option value="">全部</option>
                                <option value="直销会员">直销会员</option>
                                <option value='渠道会员'>渠道会员</option>
                                <option value='直销子账号'>直销子账号</option>
                                <option value='渠道子账号'>渠道子账号</option>
                                <option value='非会员'>非会员</option>
                            </select>
                        </div>

                        <div ng-show="(vm.p.topicId===vm.d.buid || vm.p.topicId===vm.d.info || vm.p.topicId===vm.d.cube)" class="form-group"
                             style="margin-bottom: 1.2rem;margin-right: 1rem;">
                            <div for="buserType" style="">客户行业类型：</div>
                            <select class="form-control" id="buserType" ng-model="vm.p.buserType" style="width:24rem"
                                    ng-options="it.k as it.v for it in vm.d.buserTypes">
                            </select>

<!--                            <select class="form-control" id="buserType" ng-model="vm.p.buserType" style="width:24rem"-->
<!--                                    ng-init="vm.p.buserType=''">-->
<!--                                <option value="">全部</option>-->
<!--                                <option value='zhizhao'>直招</option>-->
<!--                                <option value='daizhao'>代招</option>-->
<!--                                <option value='ka'>KA客户</option>-->
<!--                                <option value="sanbao">三保</option>-->
<!--                                <option value='baoxian'>保险</option>-->
<!--                                <option value='jiaoyu'>教育</option>-->
<!--                                <option value='fangchan'>房产</option>-->
<!--                                <option value='qishou'>骑手</option>-->
<!--                                <option value='wangyueche'>网约车</option>-->
<!--                                <option value='官方账号'>官方账号</option>-->
<!--                            </select>-->
                        </div>



                        <div ng-show="(vm.p.topicId===vm.d.etp || vm.p.topicId===vm.d.buid)" class="form-group"
                             style="margin-bottom: 1.2rem;margin-right: 1rem;">
                            <div for="infoEtpname" style="">企业名称：</div>
                            <input type='text' class="form-control" ng-model="vm.p.infoEtpname" id="infoEtpname"
                                   style="width: 24rem" />
                        </div>

                        <div ng-show="(vm.p.topicId===vm.d.buid || vm.p.topicId===vm.d.info || vm.p.topicId===vm.d.cube)"
                             class="form-group" style="margin-bottom: 1.2rem;margin-right: 1rem;">
                            <div for="infoBuid" style="">客户id：</div>
                            <input type='text' class="form-control" ng-model="vm.p.infoBuid" id="infoBuid"
                                   style="width: 24rem" />
                        </div>

                    </form>
                    <form class="form-inline">
                        <div ng-show="(vm.p.topicId===vm.d.info || vm.p.topicId==='100')" class="form-group"
                             style="margin-bottom: 1.2rem;margin-right: 1rem;">
                            <div for="packageType" style="">套餐类型：</div>
                            <select class="form-control" id="packageType" ng-model="vm.p.packageType" style="width:24rem"
                                    ng-init="vm.p.packageType=''">
                                <option value="">全部</option>
                                <option value="singlePurchaseHottest_20">singlePurchaseHottest_20</option>
                                <option value='singlePurchaseHottest_21'>singlePurchaseHottest_21</option>
                                <option value='singlePurchaseHottest_24'>singlePurchaseHottest_24</option>
                                <option value='singlePurchaseExclusive_25'>singlePurchaseExclusive_25</option>
                                <option value='singlePurchaseGeneral_26'>singlePurchaseGeneral_26</option>
                                <option value='singlePurchaseGeneral_27'>singlePurchaseGeneral_27</option>
                                <option value='singlePurchaseGeneral_28'>singlePurchaseGeneral_28</option>

                                <option value='tongYongHottestPay_0'>tongYongHottestPay_0</option>
                                <option value='tongYongHottestFree_0'>tongYongHottestFree_0</option>

                                <option value='enterpriseVip_0'>enterpriseVip_0</option>
                                <option value='enterpriseVipValueAdded_0'>enterpriseVipValueAdded_0</option>

                                <option value='personalFree_0'>personalFree_0</option>
                                <option value='personalVip_0'>personalVip_0</option>
                                <option value='newPersonalFree_0'>newPersonalFree_0</option>

                                <option value='exchange_0'>exchange_0</option>
                                <option value='newExchange_0'>newExchange_0</option>
                                <option value='compensation_0'>compensation_0</option>
                            </select>
                        </div>

                        <div ng-show="vm.p.topicId==='100'" class="form-group"
                             style="margin-bottom: 1.2rem;margin-right: 1rem;">
                            <div for="infoType" style="">商业类型：</div>
                            <select class="form-control" id="infoType" ng-model="vm.p.infoType" style="width:24rem"
                                    ng-options="it.k as it.v for it in vm.d.infoTypes">
                            </select>
                        </div>

                        <div ng-show="vm.p.topicId==='100'" class="form-group"
                             style="margin-bottom: 1.2rem;margin-right: 1rem;">
                            <div for="infoLocal1" style="">地域一级：</div>
                            <select class="form-control" id="infoLocal1" ng-model="vm.p.infoLocal1" style="width:24rem"
                                    ng-options="it.k as it.v for it in vm.d.infoLocal1s">
                            </select>
                        </div>

                        <div ng-show="vm.p.topicId==='100'" class="form-group"
                             style="margin-bottom: 1.2rem;margin-right: 1rem;">
                            <div for="infoCate3" style="">类目三级：</div>
                            <select class="form-control" id="infoCate3" ng-model="vm.p.infoCate3" style="width:24rem"
                                    ng-options="it.k as it.v for it in vm.d.infoCate3s">
                            </select>
                        </div>

                        <div ng-show="(vm.p.topicId===vm.d.info || vm.p.topicId==='100')" class="form-group"
                            style="margin-bottom: 1.2rem;margin-right: 1rem;">
                            <div for="infoId" style="">职位id：</div>
                            <input type='text' class="form-control" ng-model="vm.p.infoId" id="infoId"
                                style="width: 24rem" />
                        </div>
                        <div ng-show="(vm.p.topicId===vm.d.info || vm.p.topicId==='100')" class="form-group"
                            style="margin-bottom: 1.2rem;margin-right: 1rem;">
                            <div for="infoName" style="">职位名称：</div>
                            <input type='text' class="form-control" ng-model="vm.p.infoName" id="infoName"
                                style="width: 24rem" />
                        </div>
                    </form>
                    <form class="form-inline">
                        <div class="form-group" style="margin-bottom: 1.2rem;margin-right: 1rem;">
                            <button id="refreshTable" type="button" class="btn btn-primary" ng-click="queryReport()">
                                <span class="glyphicon glyphicon-search" aria-hidden="true"></span>查询
                            </button>
                        </div>
                    </form>
                </div>
            </div>

        </div>
        <div class="row">
            <div class="col-sm-12 col-md-12 main" style="float: right">
                <label style="float: right">耗时：{{vm.result.ms}}ms</label>
                <table id="list_table4" class="table table-condensed" data-toolbar="#toolbar" data-search="true"
                       data-show-toggle="true" data-show-columns="true" data-show-pagination-switch="true"
                       data-pagination="true" data-search-align="left" data-buttons-align="left" data-toolbar-align="left"
                       data-loading-template="tableLoadingTemplate" data-side-pagination="client" data-show-export="true">
                    <thead>
                    <tr>
                        <th data-field="SerialNumber" data-sortable="true" data-formatter="serialFormatter">序号</th>
                        <th data-field="dt" data-sortable="true">业务时间</th>
                        <th data-field="topicId" data-sortable="true">统计维度</th>
                        <!-- <th data-field="infoEtpid" data-sortable="true">企业id</th> -->
                        <th data-field="infoEtpname" data-sortable="true" data-formatter="infoEtpnameFormat">
                            企业名称</th>
                        <th data-field="buidCnt" data-sortable="true">
                            账号数量</th>
                        <th data-field="childBuidCnt" data-sortable="true">
                            子账号量</th>
                        <th data-field="infoBuid" data-sortable="true" data-formatter="infoBuidFormat">
                            客户账号</th>
                        <th data-field="isNewcate3" data-sortable="true" data-formatter="isNewcate3Format">
                            930客户</th>
                        <th data-field="buserType" data-sortable="true" data-formatter="buserTypeFormat">
                            客户类型</th>
                        <th data-field="bvipType" data-sortable="true">
                            会员类型</th>
                        <th data-field="infoId" data-sortable="true" data-formatter="infoIdFormat">
                            职位名称</th>
                        <!--                            <th data-field="infoName" data-sortable="true">-->
                        <!--                                职位名称</th>-->
                        <th data-field="packageType" data-sortable="true" data-formatter="packageTypeFormat">
                            套餐类型</th>
                        <th data-field="infoType" data-sortable="true" data-formatter="infoTypeFormat">
                            商业类型</th>
                        <th data-field="infoLocal1Name" data-sortable="true" data-formatter="infoLocal1NameFormat">
                            地域（一级）</th>
                        <th data-field="infoCate3Name" data-sortable="true" data-formatter="infoCate3NameFormat">
                            类目（三级）</th>
                        <!--                            <th data-field="dispLocal1Name" data-sortable="true" data-formatter="dispLocal1NameFormat">-->
                        <!--                                展现地域（一级）</th>-->
                        <!--                            <th data-field="dispCate2Name" data-sortable="true" data-formatter="dispCate2NameFormat">-->
                        <!--                                展现类别（二级）</th>-->
                        <th data-field="searchInfoCnt" data-sortable="true" data-formatter="summaryReportFormatter">
                            检索职位数</th>
                        <th data-field="expInfoCnt" data-sortable="true" data-formatter="summaryReportFormatter">
                            曝光职位数</th>
                        <th data-field="searchCnt" data-sortable="true" data-formatter="summaryReportFormatter">
                            检索量</th>
                        <th data-field="searchUv" data-sortable="true" data-formatter="summaryReportFormatter">
                            检索uv</th>
                        <th data-field="expCnt" data-sortable="true" data-formatter="summaryReportFormatter">
                            曝光量</th>
                        <th data-field="expUv" data-sortable="true" data-formatter="summaryReportFormatter">
                            曝光uv</th>
                        <th data-field="clickCnt" data-sortable="true" data-formatter="summaryReportFormatter">
                            点击量</th>
                        <th data-field="clickUv" data-sortable="true" data-formatter="summaryReportFormatter">
                            点击uv</th>
                        <th data-field="deliveryCnt" data-sortable="true" data-formatter="summaryReportFormatter">
                            投递量</th>
                        <th data-field="deliveryUv" data-sortable="true" data-formatter="summaryReportFormatter">
                            投递uv</th>
                        <!-- <th data-field="deliveryIds" data-sortable="true">投递简历ids串</th> -->
                        <th data-field="deliveryIdsCnt" data-sortable="true"
                            data-formatter="summaryReportFormatter">
                            投递简历</th>
                        <th data-field="imCnt" data-sortable="true" data-formatter="summaryReportFormatter">
                            微聊量 </th>
                        <th data-field="imUv" data-sortable="true" data-formatter="summaryReportFormatter">
                            微聊uv </th>
                        <th data-field="imReadCnt" data-sortable="true" data-formatter="summaryReportFormatter">
                            微聊阅读量</th>
                        <th data-field="imReplyCnt" data-sortable="true" data-formatter="summaryReportFormatter">
                            微聊回复量</th>
                        <th data-field="telCnt" data-sortable="true" data-formatter="summaryReportFormatter">
                            电话量</th>
                        <th data-field="telUv" data-sortable="true" data-formatter="summaryReportFormatter">
                            电话uv</th>
                        <th data-field="telConnCnt" data-sortable="true" data-formatter="summaryReportFormatter">
                            电话接通量</th>
                        <th data-field="telConnUv" data-sortable="true" data-formatter="summaryReportFormatter">
                            电话接通uv</th>
                        <th data-field="linkUv" data-sortable="true" data-formatter="summaryReportFormatter">
                            连接uv</th>
                        <th data-field="yxCost" data-sortable="true" data-formatter="summaryReportFormatter">
                            优选金额</th>
                        <th data-field="jzCost" data-sortable="true" data-formatter="summaryReportFormatter">
                            精准金额</th>
                        <th data-field="omsCost" data-sortable="true" data-formatter="summaryReportFormatter">
                            摊销金额</th>
                        <th data-field="cpa3" data-sortable="true" data-formatter="summaryReportFormatter">
                            摊销单价</th>
                        <th data-field="zdGaap" data-sortable="true" data-formatter="summaryReportFormatter">
                            置顶收入</th>
                        <th data-field="searchCnt1" data-sortable="true" data-formatter="summaryReportFormatter">
                            (串联)检索量</th>
                        <th data-field="searchUv1" data-sortable="true" data-formatter="summaryReportFormatter">
                            (串联)检索uv</th>
                        <th data-field="expCnt1" data-sortable="true" data-formatter="summaryReportFormatter">
                            (串联)曝光量</th>
                        <th data-field="expUv1" data-sortable="true" data-formatter="summaryReportFormatter">
                            (串联)曝光uv</th>
                        <th data-field="clickCnt1" data-sortable="true" data-formatter="summaryReportFormatter">
                            (串联)点击量</th>
                        <th data-field="clickUv1" data-sortable="true" data-formatter="summaryReportFormatter">
                            (串联)点击uv</th>
                        <th data-field="deliveryCnt1" data-sortable="true" data-formatter="summaryReportFormatter">
                            (串联)投递量</th>
                        <th data-field="deliveryUv1" data-sortable="true" data-formatter="summaryReportFormatter">
                            (串联)投递uv</th>
                        <!-- <th data-field="deliveryIds1" data-sortable="true">(串联)投递简历ids串</th> -->
                        <th data-field="deliveryIdsCnt1" data-sortable="true"
                            data-formatter="summaryReportFormatter">
                            (串联)投递简历</th>
                        <th data-field="imCnt1" data-sortable="true" data-formatter="summaryReportFormatter">
                            (串联)微聊量 </th>
                        <th data-field="imUv1" data-sortable="true" data-formatter="summaryReportFormatter">
                            (串联)微聊uv </th>
                        <th data-field="imReadCnt1" data-sortable="true" data-formatter="summaryReportFormatter">
                            (串联)微聊阅读量</th>
                        <th data-field="imReplyCnt1" data-sortable="true" data-formatter="summaryReportFormatter">
                            (串联)微聊回复量</th>
                        <th data-field="telCnt1" data-sortable="true" data-formatter="summaryReportFormatter">
                            (串联)电话量</th>
                        <th data-field="telUv1" data-sortable="true" data-formatter="summaryReportFormatter">
                            (串联)电话uv</th>
                        <th data-field="telConnCnt1" data-sortable="true" data-formatter="summaryReportFormatter">
                            (串联)电话接通量</th>
                        <th data-field="telConnUv1" data-sortable="true" data-formatter="summaryReportFormatter">
                            (串联)电话接通uv</th>
                        <th data-field="linkUv1" data-sortable="true" data-formatter="summaryReportFormatter">
                            (串联)连接uv</th>
                        <th data-field="yxCost1" data-sortable="true" data-formatter="summaryReportFormatter">
                            (串联)优选扣费总金额（万分之一元）</th>
                        <th data-field="jzCost1" data-sortable="true" data-formatter="summaryReportFormatter">
                            (串联)精准扣费总金额（万分之一元）</th>
                        <th data-field="omsCost1" data-sortable="true" data-formatter="summaryReportFormatter">
                            (串联)摊销收入金额（万分之一元）</th>
                        <th data-field="ctrAs" data-sortable="true" data-formatter="ctrAsFormatter">
                            CTR</th>
                        <th data-field="ctrUv" data-sortable="true" data-formatter="ctrUvFormatter">
                            CTR(uv)</th>
                        <th data-field="cvrAs" data-sortable="true" data-formatter="cvrAsFormatter">
                            CVR</th>
                        <th data-field="cvrUv" data-sortable="true" data-formatter="cvrUvFormatter">
                            CVR(uv)</th>
                        <th data-field="biz" data-sortable="true">业务线</th>
                        <th data-field="platform" data-sortable="true" data-formatter="platformFormat">平台类型</th>
                    </tr>
                    </thead>
                </table>
            </div>
        </div>
    </div>
</div>